<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <title>书籍列表</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入 Bootstrap -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">

    <div class="row clearfix">
        <div class="col-md-12 column">
            <div class="page-header">
                <h1>
                    <small>书籍列表 —— 显示所有书籍</small>
                </h1>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4 column">
            <a class="btn btn-primary" href="/adding">新增</a>
        </div>


        <!--    这里的提交是提交的一个object数据，把页面所有的信息都提交走，这样的话便于后端处理-->
        <form action="/allBook" method="post">
            书籍名称：<input type="text"  name="bookName"/>
            <input type="submit" value="提交">
        </form>


    </div>









    <div class="row clearfix">
        <div class="col-md-12 column">
            <table class="table table-hover table-striped">
                <thead>
                <tr>
                    <th>书籍编号</th>
                    <th>书籍名字</th>
                    <th>书籍数量</th>
                    <th>书籍详情</th>
                    <th>删除</th>
                    <th>修改</th>
                </tr>
                </thead>

                <tbody>

<!--                这里是thymeleaf操作，回显所有的书籍。-->
                <tr th:each="book:${books}">

                    <td th:text="${book.getBookID()}"></td>
                    <!--/*@thymesVar id="getBookName" type=""*/-->
                    <td th:text="${book.getBookName()}"></td>
                    <td th:text="${book.getBookCounts()}"></td>
                    <td th:text="${book.getDetail()}"></td>、
<!--                    这里是关联操作，关联该条数据的id-->
                    <td class="relative">
                        <a class="action-btn " th:href="@{/delBook?bookID=}+${book.getBookID()}">
                            <input type="button" value="删除">
                        </a>
                    </td>
<!--                    这里是关联操作，关联该条数据的id-->
                    <td class="relative">
                        <a class="action-btn " th:href="@{/update?bookID=}+${book.getBookID()}">
                            <input type="button" value="修改">
                        </a>
                    </td>



                </tr>
                </tbody>

            </table>
        </div>
    </div>
</div>

</body>
</html>